<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*
			 	超链接中包含以下几类样式(伪类样式):
			 		1.超链接的默认样式: a:link{}
			 		2.超链接的悬浮样式(鼠标悬浮在超链接上时的样式):	a:hover{}
			 		3.超链接访问过的样式: a:visited{};
			 		4.超链接的活动样式(点击时的样式): a:active{}
			 * */
			/*超链接的默认样式*/
			a:link{
				text-decoration: none;/*去掉超链接的下划线*/
				font-size: 14px;	
			}
			
			/*超链接访问过的样式*/
			a:visited{
				color: green;
			}
			/*超链接的悬浮样式*/
			a:hover{
				color: red;
				font-size: 20px;
			}
			a:active{
				font-size: 100px;
			}
		</style>
	</head>
	<body>
		<a href="index.html">首页</a>
		<a href="CSS常用样式-文本样式.html">文本样式</a>
		<a href="CSS常用样式表-边框样式.html">边框样式</a>
		<a href="CSS常用样式-背景样式.html">背景样式</a>
	</body>
</html>
